<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport"
		  content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title id="shopTitle">妹妹</title>
	<link rel="stylesheet" type="text/css" href="./AmazeUI-2.4.2/assets/css/amazeui.css"/>
	<link href="./AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
	<link href="./basic/css/demo.css" rel="stylesheet" type="text/css"/>

	<link href="./css/sustyle.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="./basic/js/jquery-1.7.min.js"></script>

	<!--引入Vue + axios-->
	<script src="js/plugins/vue/dist/vue.js"></script>
	<script src="js/plugins/axios/dist/axios.js"></script>
	<!--引入公共配置-->
	<script src="js/common.js"></script>
</head>

<body>
<div id="shopDiv">

	<!--顶部导航条 -->
	<div class="am-container header">
		<ul class="message-l">
			<div class="topMessage">
				<div class="menu-hd">
					<a href="#" target="_top" class="h">亲，请登录</a>
					<a href="#" target="_top">免费注册</a>
				</div>
			</div>
		</ul>
		<ul class="message-r">
			<div class="topMessage home">
				<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
			</div>
			<div class="topMessage my-shangcheng">
				<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
				</div>
			</div>
			<div class="topMessage mini-cart">
				<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i
						class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum"
																							  class="h">0</strong></a>
				</div>
			</div>
			<div class="topMessage favorite">
				<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
				</div>
		</ul>
	</div>

	<!--悬浮搜索框-->
	{{shop.name}}

	<div class="footer">
		<div class="footer-hd">
			<p>
				<a href="#">恒望科技</a>
				<b>|</b>
				<a href="#">商城首页</a>
				<b>|</b>
				<a href="#">支付宝</a>
				<b>|</b>
				<a href="#">物流</a>
			</p>
		</div>
		<div class="footer-bd">
			<p>
				<a href="#">关于恒望</a>
				<a href="#">合作伙伴</a>
				<a href="#">联系我们</a>
				<a href="#">网站地图</a>
				<em>© 2015-2025 Hengwang.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
					- Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
			</p>
		</div>
	</div>
</div>

<script type="text/javascript">
    new Vue({
        el:"#shopDiv",
        data:{
            shop:{}
        },
        mounted(){
            let id = parseUrlParams2Obj(location.href).id;
            this.$http.get("/shop/"+id)
                .then(result=>{
                    console.log(result.data)
                    this.shop = result.data;
                    //通过jquery的方式修改title
                    $("#shopTitle").html(this.shop.name);
                })
        }
    })
</script>

</body>
</html>
